<template>
   <div id="box">
       <header>          
            <span class="one" @click="fanhui">
              <img src="../assets/img/fanhui2.png" class="fanhui">
            </span>
            <span class="center">中奖记录</span>
            <span class="two">
              <img src="../assets/img/gengduo.png" class="gengduo">
            </span>          
       </header>
       <main>
          <p><img src="../assets/img/touxiang2.png" ></p>
          <dl>
           <dd>白骨精</dd>
           <dd>ID：1254885</dd>
          </dl>
       </main>
       <section>
            <dl>
                <dt><img src="../assets/img/zhongjiang.png"></dt>
                <dd>您还没有中奖纪录</dd>               
            </dl>
       </section> 
       <div><button>立即一购</button></div>  
      <footer>
        <ul>    
          <li><img src="../assets/img/foot1.png"><p>首页</p></li>        
          <li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>   
          <li><img src="../assets/img/foot3.png"><p>清单</p></li>       
          <li><img src="../assets/img/foot4.png"><p>发现</p></li>       
          <li><img src="../assets/img/foot5.png"><p>我</p></li>    
        </ul>
      </footer>      
   </div>
</template>

<script>
export default {
  name: 'zhongjiangjilu',
 methods:{
  fanhui(){
    this.$router.go(-1)
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/zhongjiangjilu.less';
    @import '.././assets/css/reset.css';
</style>